
<md-toolbar class="demo-toolbar md-primary _md _md-toolbar-transitions" id="found">
	<div class="md-toolbar-tools">
		<button class="md-button md-primary md-ink-ripple md-first-button" type="button"
						aria-label="Create Service" ng-click="createVolumn()"
						style="padding:0 26px;background-color: #67aaf5;color:#fff"><span class="ng-scope">
                              创建存储
                            </span>
			<div class="md-ripple-container"></div>
			<md-tooltip md-direction="right">
				点击创建存储
			</md-tooltip>
		</button>
		<div class="col-lg-3 col-md-4 col-xs-5 search">
			<div class="input-group">
				<input type="text" class="form-control" placeholder="Search for..." ng-model="searchText">
				<span class="input-group-btn">
            <button class="btn btn-default" type="button" ng-click="searchClick()">
              <i class="fa fa-search"></i>
            </button>
          </span>
			</div>
		</div>
	</div>
</md-toolbar>
<!-- Responsive Table -->

<div  class="row">
	<div id="storageList" class="col-md-12">
		<div class="panel-without-padding main_content" >

			<div class="tabsdemoDynamicTabs" ng-cloak>

				<div class="demo-tab tab{{$index%4}}" style=" text-align: center;">


					<div class="table_mould">
						<div class="thead_mould">
							<ul>
								<li class="col-lg-3 col-md-2 col-xs-2"><span>存储名称</span></li>
								<li class="col-lg-3 col-md-3 col-xs-3">状态</li>
								<li class="col-lg-3 col-md-3 col-xs-3">百分比</li>
								<li class="col-lg-3 col-md-4 col-xs-4">操作</li>
							</ul>
						</div>

						<div class="tbody_mould">

							<ul ng-repeat="item in currentPageStorages" class="hover_animate" href="javascript:" ng-click="showDetailModal(item)" style="cursor: pointer">

								<li class="col-lg-3 col-md-2 col-xs-2">

									<a style="margin-left: 50px;width: 100%;text-align: left" class="ellipsis " title="{{item.name}}">{{item.name}}</a>
								</li>

								<li class="col-lg-3 col-md-3 col-xs-3" ><p ng-class="(item.mountAppNameArray!= undefined&&item.mountAppNameArray.length > 0)?' useing':' notUse'"> {{(item.mountAppNameArray!= undefined&&item.mountAppNameArray.length > 0)?'已使用':'未使用'}}</p>
								</li>

								<li class="col-lg-3 col-md-3 col-xs-3" style="line-height: 0;">
									<div >
										<div data-radial-indicator="indicatorOption"  data-radial-indicator-id="perMiniId{{$index}}" data-radial-indicator-model="indicatorValueMini"></div>
									</div>
								</li>
								<li class="col-lg-3 col-md-4 col-xs-4 table_btn" >
									<style type="text/css">
										.a1 {
											margin: 0px 4px;
											cursor: pointer
										}

										.dropdown-menu {
											left: -95px;
											width: 120px;
											z-index: 10;
										}

									</style>

									<div>

										<a  data-toggle="tooltip" data-placement="top" ui-sref="cp.storagemanage({storageType:item.type,volname:item.name})" target="_blank" ng-click="$event.stopPropagation()" class="a1 aTag btn_gray" uib-tooltip="管理存储">
											<i class="iconfont icon-guanli"></i>
										</a>
										<a  data-toggle="tooltip" data-placement="top"  ng-click="showAdvanc($event,item)" class="a1 aTag del"  uib-tooltip="删除存储">
											<i class="iconfont icon-shanchu"></i>
										</a>


									</div>

								</li>
								<script type="text/ng-template" id="storageDetailModal.html">
									<style>
										md-dialog.md-transition-in{
											max-width:560px;
										}
									</style>
									<div class="modal-header none_background" >
										<i class="iconfont icon-shanchu1" ng-click="cancel()"></i>
										<!--<h3 class="modal-title" ></h3>-->
									</div>
									<div class="modal-body " style="padding:0 30px 15px 30px;
">
										<div data-radial-indicator="percentage" data-radial-indicator-id="perId"  class="ringProgress" data-radial-indicator-model="indicatorValue">
										</div>
										<div class="modal_info">
											<ul>
												<li class="storageName"><p>{{sName}}&nbsp;</p></li>
												<li class="userSize" ng-hide="used"><p>{{size}}&nbsp;GB&nbsp;/&nbsp;&nbsp;&nbsp;<i ng-class="useing" ></i><span>未使用</span></p></li>
												<li class="userSize" ng-show="used"><p>{{size}}&nbsp;GB&nbsp;/&nbsp;&nbsp;&nbsp;<i ng-class="notUse" ></i><span>使用中</span></p></li>
												<li class="serviceName" ng-show="used"><p>服务名：&nbsp;&nbsp;<span style="color:#67aaf5">{{appsMount}}</span></p></li>
												<li class="storageTime"><p>{{createDate}}&nbsp;</p></li>
												<li class="surplusSize"><p><strong>{{remain}}</strong>&nbsp;剩余空间</p></li>
											</ul>
										</div>
									</div>

								</script>

							</ul>
						</div>

						<script type="text/ng-template" id="storageDel.html">

							<div class="modal-header modal_line">
								<i class="iconfont icon-shanchu1" ng-click="cancel()"></i>

							</div>
							<div class="modal-body" id="modal-body" style="margin: 0 auto;width: 320px;height: 135px;
    " >
								<span style="display: block;text-align: center" ng-show="mountd">挂载中的卷不能被删除</span>
								<span style="display: block;text-align: center" ng-hide="mountd">确定删除<strong class="ellipsis" style="min-width:20px;max-width:100px; display: inline-block;vertical-align: middle;font-weight: 400;color: rgba(255, 0, 0, 0.7);">{{sName}}</strong>卷?</span>
								<div class="modelIcon">
									<div class="delIconfont" ng-hide="mountd"><i class="iconfont icon-cuowu"></i></div>
									<div class="warnIconfont" ng-show="mountd"><i class="iconfont icon-jinggao"></i></div>
								</div>
							</div>

							<div class="modal-footer">
								<div  ng-hide="mountd">
									<div class="col-sm-6 col-xs-6" style="">
										<button class="btn btn-primary" type="button" ng-click="ok()"
														style="float: right;margin:0 10px;padding: 7px 28px;border-radius: 8px;" ng-hide="mountd">确定
										</button>
									</div>
									<div class="col-sm-6 col-xs-6" style="float: right">
										<button class="btn btn-default" type="button" ng-click="cancel()"
														style="float: left;margin:0 10px;padding: 7px 28px;border-radius: 8px;">取消
										</button>
									</div>
								</div>

								<button class="btn btn-primary" type="button" ng-show="mountd" ng-click="cancel()" ng-show="mountd" style="float: right;margin:0 10px;padding: 7px 28px;border-radius: 8px;">确定</button>

							</div>
						</script>

					</div>




					<div class="pull-right" ng-hide="searchPageHide">

						<ul uib-pagination boundary-links="true" total-items="storageslist.length" max-size="3" ng-model="currentPage"
								class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
								last-text="&raquo;"></ul>


					</div>
				</div>
			</div>
		</div>
	</div>
</div>




